@charset "utf-8";
/* CSS Document */
/* html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family: '微软雅黑'; vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section,div {display: block;}
ol,ul{list-style:none;margin:0;padding:0;display: block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* start editing from here */
a{text-decoration:none;}
li {display: list-item; text-align:center;}
.clear{clear:both;}/* clear float */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
img{max-width:100%;}
/*end reset*/

body { background:#f1f1f1; font-family: "微软雅黑","Microsoft Yahei"; color:#585858; font-size: 100%;}
/*html {-webkit-filter: grayscale(100%);}*/

/* header */
.header{width:100%; height:135px;/* position:fixed; top:0px;*/ z-index:1000; border-top:1px solid #e0e0e0;}
.header .shadow {position: absolute;bottom: -3px;z-index: 5;height: 3px;width: 100%;background:url(../newImages/shadow.png) repeat-x 0 0;}
.box{ width:100%; height:135px; background:url(../newImages/top_bg.png) repeat-x; }
.box .wrap{margin:0 auto; width:1040px; height:95px;}
.box .wrap .logo{ float:left; padding-top:12px;}
.box .topnav{ height: 40px; width: 100%; margin: 0 auto; display:block; background:url(../newImages/index_03.png) repeat-x;}
.box .topnav ul{ margin:0 auto; width:1060px; height:40px;}
.box .topnav ul li{float: left; display: block; background: url(../newImages/index_04.gif) no-repeat left 0;}
.box .topnav ul li a {float: left; color: #fee3e4; display: block; padding: 0 24.5px; height: 40px; line-height: 40px; text-decoration: none;}
.topnav ul li.active a, .topnav ul li a:hover{background: url(../newImages/index_05.gif) no-repeat 2px 0; color: #fff;}


/*banner*/
/* #container { width: 1920; height: 400px; overflow: hidden; position: relative;}
#list { width: 15360px; height: 400px; position: absolute; z-index: 1;}
#list img { float: left;}
#buttons { position: absolute; height: 10px; width: 100px; z-index: 2; bottom: 20px; left:46%; margin:0 auto;}
#buttons span { cursor: pointer; float: left; width: 10px; height: 10px; background: #fff; margin-right: 8px;}
#buttons .on {  background: #d72e02;}
.arrow { cursor: pointer; display: none; line-height: 49px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 50px; top: 180px; position:absolute;  z-index:2; background-color: RGBA(0,0,0,.3); color: #fff;}
.arrow:hover { background-color: RGBA(0,0,0,.7);}
#container:hover .arrow { display: block;}
#prev { left: 100px;}
#next { right: 100px;} */
/* rslides */
#container .rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
#container .rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
#container .rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
#container .rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
#container .callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
#container .callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px; background-color:#fff;position:relative;}
#container .callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px; position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
#container .callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#d72e02;}

/* Callback example */
#container .callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

#container .callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
#container .callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
#container .callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
#container .callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
#container .callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../newImages/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
#container .callbacks_container:hover .callbacks_nav{display:block;}
#container .callbacks_nav:active{opacity:1.0;}
#container .callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	#container .callbacks_nav{
		top:47%;
	}
}



/*content*/
.content{ width:1040px; height:auto; margin:0 auto; clear:both;}

/*重点新闻*/
.news{ float:left; margin-top:40px;}
.news ul li{ float:left; background:#fff; margin-right:25px; border:1px solid #e7e7e7; padding:15px; width:295px; text-align:left;}
.news ul li img{}
.news ul li h2{ color:#333333; font-weight:bold; font-size:14px; line-height:35px; overflow: hidden; display: block;  white-space: nowrap; text-overflow: ellipsis;}
.news ul li h3{ color:#333333; font-weight:bold; font-size:14px; line-height:35px; overflow: hidden; display: block; width: 18em; white-space: nowrap; text-overflow: ellipsis;}
.news ul li p{ color:#6A6A6A; font-size:13px; overflow: hidden;display: block;width: 18em; height:2.8em; text-overflow: ellipsis;}
.news ul li:hover{ background:#e7e7e7;}


/*新闻中心*/
.wp{ width:1040px; margin:0 auto; clear:both;}
.tabwrap {padding-top:40px; padding-bottom:10px; overflow: hidden;}
.tab-title {border-bottom: 1px solid #dfdfdf; font-family: "微软雅黑","Microsoft Yahei";}
.tab1 {margin-left: 160px; height: 50px; line-height: 50px;}
.tab1 li {font-size: 16px;float: left; background-color: #f6620c; margin-right: 5px;}
.tab1 li.hover {font-size: 16px;}
.tab1 li.hover a {color: #333; background-color: #f1f1f1;}
.tab1 li a { height: 50px; line-height: 50px; color: #FFF; display: inline-block; padding: 0px 40px; background-color:#f6620c; border-width: 1px 1px 0px; border-style: solid solid none; border-color: #dfdfdf #dfdfdf -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none;    -moz-border-left-colors: none; border-image: none; border:1px solid #dfdfdf; border-bottom:1px solid #f1f1f1;}
.h20{ height:40px;}
.h10{ height:10px;}
.tabs1 {color: #999;font-family: "微软雅黑","Microsoft Yahei"; text-align:left;overflow: hidden;}
.dn {display: none;}
.tabs1 .margin-right{margin-right: 94px;}
.tabs1 li:nth-of-type(2){margin-right:0px;} 
.tabs1 li:nth-of-type(4){margin-right:0px;} 
.tabs1 li:nth-of-type(6){margin-right:0px;} 
.news_date{  float:left;}
.news_date h4{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#f06024; text-align:left; line-height:42px;}
.tabs1 ul li { text-align:left; float:left; margin-bottom:30px; margin-right:74px;}
.tabs1 ul li .news_txt{ float:left;}
.tabs1 ul li .news_txt h3{ padding-left:15px; color:#333333; font-weight:bold; font-size:14px; line-height:35px; overflow: hidden; display: block; width: 29em; white-space: nowrap; text-overflow: ellipsis;}
.tabs1 ul li .news_txt p{ padding-left:15px; color:#6A6A6A; font-size:13px; overflow: hidden;display: block;width: 31em; height:2.8em; text-overflow: ellipsis;}


/*媒体聚焦*/
.mtjj{}
.mtjj h3{color:#333333; float:left; font-weight:bold; font-size:14px; line-height:35px; display: block; width: 60em; text-overflow: ellipsis;}
.mtjj p{color:#6A6A6A; float:left; font-size:13px; overflow: hidden;display: block;width: 65em; height:2.8em; text-overflow: ellipsis;}
.mtjj h3 a{color:#333333; font-weight:bold; font-size:14px; line-height:35px; display: block; width: 60em; text-overflow: ellipsis;}
.mtjj p a{color:#6A6A6A; font-size:13px; overflow: hidden;display: block;width: 65em; height:2.8em; text-overflow: ellipsis;}

/*公司公告*/
.notice{border-bottom:1px dashed #dfdfdf; background:url(../newImages/point.png) no-repeat scroll 0 50%; padding-left:15px; color:#333333; font-weight:bold; font-size:14px; line-height:40px; width:100%; margin-bottom:0;}
.notice a{ color:#333333; font-weight:normal;}
.notice a:hover{ color:#bd0100;}
.mtjjli{margin-right:0;}
/*专栏*/
.specialcolumn{ float:left; margin-bottom:30px;}


/*工程展示*/
.case{clear:both; width:1040px; margin:0 auto;}
.content1{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle1 ul { list-style:none; }
.middle1 ul li{float:left;width:346px; height:240px;}
.middle1 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle1 li .pic {width:352px;height:240px; float:left}
.middle1 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content1 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content2{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle2 ul { list-style:none; }
.middle2 ul li{float:left;width:346px; height:240px;}
.middle2 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle2 li .pic {width:352px;height:240px; float:left}
.middle2 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content2 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content3{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle3 ul { list-style:none; }
.middle3 ul li{float:left;width:346px; height:240px;}
.middle3 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle3 li .pic {width:352px;height:240px; float:left}
.middle3 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content3 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content4{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle4 ul { list-style:none; }
.middle4 ul li{float:left;width:346px; height:240px;}
.middle4 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle4 li .pic {width:352px;height:240px; float:left}
.middle4 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content4 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content5{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle5 ul { list-style:none; }
.middle5 ul li{float:left;width:346px; height:240px;}
.middle5 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle5 li .pic {width:352px;height:240px; float:left}
.middle5 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content5 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content6{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle6 ul { list-style:none; }
.middle6 ul li{float:left;width:346px; height:240px;}
.middle6 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle6 li .pic {width:352px;height:240px; float:left}
.middle6 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content6 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}

.content7{width:1185px;height:240px; overflow:hidden;}
.main_flow {width:1040px;overflow:hidden; float:left; padding-top:8px;}
.middle7 ul { list-style:none; }
.middle7 ul li{float:left;width:346px; height:240px;}
.middle7 ul li div{ position:relative; margin-left:15px; margin-right:15px; width:330px;}
.middle7 li .pic {width:352px;height:240px; float:left}
.middle7 li .pic img{ display:block; padding:1px;border:1px solid #BBBBBB; width:330px; height:240px; z-index:1;}
.content_dd .prev {padding:3px 4px 3px 9px; float:left;}
.content7 .next {float:right;}
.caption {display: block; position: absolute; padding:10px 10px; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .5); left: 0; right: 0; bottom: 0; margin: 0; max-width: none; margin-bottom:8px;}


.case_title{ font-size:36px; color:#333333; text-align:center; line-height:40px; margin-bottom:20px;}
.tab_title2{ font-family: "微软雅黑","Microsoft Yahei";}
.tab2 {margin-left: 120px; height: 40px; line-height: 40px;}
.tab2 li {font-size: 16px;float: left; margin-right: 5px; color:#a6a6a6;}
.tab2 li.hover {font-size: 16px; color:#a6a6a6; }
.tab2 li.hover a {color: #bd0100;border-bottom:1px solid #bd0100;}
.tab2 li a { height: 40px; line-height: 40px; color: #a6a6a6; display: inline-block; margin: 0px 10px;}
.dn2 {display: none;}
/*.tabs2 ul li { text-align:left; float:left; margin-bottom:10px; margin-right:5px;}
.tabs2 ul li .news_txt{ float:left;}
.tabs2 ul li .news_txt h3{ padding-left:15px; color:#333333; font-weight:bold; font-size:14px; line-height:35px; overflow: hidden; display: block; width: 29em; white-space: nowrap; text-overflow: ellipsis;}
.tabs2 ul li .news_txt p{ padding-left:15px; color:#6A6A6A; font-size:13px; overflow: hidden;display: block;width: 31em; height:2.8em; text-overflow: ellipsis;}*/
/*.tabs1 ul li:hover{ background:#fff;}*/

.tabs2{float:left; width:1185px; height:240px; margin-left:-70px; margin-top:15px; margin-bottom:40px;}

/*图片滚动*/
.clear {clear:both;display:block;}
.carousel {width:1040px; margin-top:30px; margin-bottom:10px;}
.carousel .prev , .carousel .next {height:64px;width:64px;overflow:hidden;display:block;margin-top:90px;text-decoration:none;cursor:pointer;}
.carousel .prev {float:left;background:url(newImages/imageNavLeft.gif) no-repeat;margin-left:-94px;}
.carousel .next {float:left;background:url(newImages/imageNavRight.gif) no-repeat;margin-right:-64px;}
.carousel #prev-03.disabled{background:url(newImages/imageNavLeft-disabled.gif) no-repeat;cursor:default;}
.carousel #next-03.disabled{background:url(newImages/imageNavRight-disabled.gif) no-repeat;cursor:default;}
.jCarouselLite {float:left;width:1080px;height:240px;overflow:hidden;/*必要元素*/}
.jCarouselLite li{height:240px;width:352px;text-align:center;}
.jCarouselLite li img,.jCarouselLite-01 li img{border:solid 1px #ddd;}

/*友情链接*/
.link{ clear:both; background:#fff url(../newImages/link.png) no-repeat scroll 20px 10px; border:1px solid #e7e7e7; padding:15px; width:1013px; text-align:left; padding-top:50px; padding-left:10px; color:#7f7f7f; font-size:13px; line-height:30px;}
.link a{ color:#7f7f7f; font-size:13px; margin:0 10px;}
.link a:hover{ border-bottom:1px solid #bd0100; color:#bd0100;}


/*公益广告*/
.adver{ clear:both; margin:40px 0 40px 185px;}


/*footer*/
.footer{ float:left; width:100%; height:235px; background:url(../newImages/footer_bg.png) repeat-x;}
.footer_cont{ clear:both; width:1040px; margin:0 auto; border-top:1px solid; border-color: RGBA(255,255,255,.5); margin-top:20px;}
.footer_cont .operation{ border-bottom:1px solid; border-color: RGBA(255,255,255,.3); text-align:center; color:#fff; font-size:14px; line-height:50px;}
.footer_cont .operation a{  color:#fff; font-size:14px; margin:0 30px; }
.footer_cont .operation a:hover{ border-bottom:1px solid #fff;}
.footer_cont .contact{text-align:left; float:left; width:1040px; margin-bottom:10px;}
.footer_cont .contact h3{ font-size:20px; color:#fff; float:left; height:110px; line-height:45px; margin-right:20px;}
.footer_cont .contact p{ font-size:13px; color:#fff; line-height:45px; height:30px; width:330px; margin-top:3px; color: RGBA(255,255,255,.9);}
.footer_cont .contact .whlogo{ float:right; width:70px; height:88px; margin-top:20px;}
.footer .copyright{ width:100%; border-top:1px solid; border-color: RGBA(255,255,255,.5); clear:both; text-align:center; color:#fff; font-size:13px; line-height:42px; }
